@charset "utf-8";
@import "common";
@import "iconfont";
@import "style";
.tixian {
    position: absolute;
    height: 100%;
    width: 100%;
    //  transform:translateX(-100%) ;
    background: #f3f4f6;
    .shouming_nr {
        position: absolute;
        top: 44px;
        width: 100%;
        .sm_nr_text {
            background: #FFFFFF;
            border-bottom: 1px solid #e3e3e3;
            >dl {
                width: 90%;
                margin: 0 auto;
                >dd {
                    line-height: 28px;
                    padding: 2% 0;
                    border-bottom: 1px solid #e3e3e3;
                    &:first-of-type {
                        margin-top: 4%;
                    }
                    &:nth-of-type(2) {
                        border-bottom: none;
                        >span {
                            color: #cccccc;
                        }
                    }
                    >p {
                        font-size: 14px;
                        display: inline-block;
                        color: #333333;
                    }
                    >span {
                        display: inline-block;
                        color: #666666;
                        width: 35%;
                        padding-left: 5%;
                        font-size: 14px;
                    }
                }
            }
        }
        .sm_nr_text_two{
            background: #FFFFFF;
            border-bottom: 1px solid #e3e3e3;
            >dl{
                width: 90%;
                margin: 0 auto;
                >dd{
                    display: flex;
                    vertical-align: bottom;
                    line-height: 28px;
                    margin-top: 5%;
                    padding: 2% 0;
                    justify-content: space-between;
                    >p {
                        font-size: 14px;
                        display: inline-block;
                        color: #333333;
                    }
                    >span {
                        display: inline-block;
                        color: #666666;
                        width: 48%;
                        text-align: right;
                        font-size: 14px;
                        >i {
                            color: #a8a9ab;
                            padding-left: 8%;
                        }
                    }
                }
            }
        }
        
        .sm_nr_sm{
            width: 90%;
            margin: 0 auto;
            >p{
                display: block;
                padding-top: 2%;
                font-size: 10px;
                color: #999999;
                >a{
                    color: #153fc6;
                    text-decoration: none ;
                    padding-right: 3%;
                }
            }
        }
    }
}
.sm_nr_a{
    width: 90%;
    margin: 0 auto;
    >a{
        background: #cc3333;
        border-radius: 4px;
        display: block;
        font-size: 16px;
        margin-top: 5%;
        line-height: 40px;
        text-align: center;
        color: #FFFFFF;
    }
}


//到账规则
.guize{
    position: absolute;
    height: 100%;
    transform:translateX(-100%);
    width: 100%;
    background: #f3f4f6;
    .guizenr{
        background: #FFFFFF;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 7%;
        position: absolute;
        top: 44px;
        width: 100%;
        >section{
            width: 90%;
            margin: 0 auto;
            >p{
                display: block;
                font-size: 12px;
                line-height: 16px;
                text-align: justify;
                color: #666666;
                padding-top: 24px;
            }
        }
    }
}

.guizeshow{
    transform: translateX(0);
}

//提现银行
.bank{
    position: absolute;
    height: 100%;
    transform:translateX(-200%);
    width: 100%;
    background: #f3f4f6;
    .bank_tx{
        position: absolute;
        top:44px;
        width: 100%;
        .bank_text{
            background: #FFFFFF;
            border-bottom: 1px solid #e3e3e3;
            >dl{
                width: 90%;
                margin: 0 auto;
                >dd{
                    display: flex;
                    vertical-align: bottom;
                    line-height: 28px;
                    margin-top: 5%;
                    padding: 2% 0;
                    justify-content: space-between;
                    >p {
                        font-size: 14px;
                        display: inline-block;
                        color: #333333;
                    }
                    >span {
                        display: inline-block;
                        color: #666666;
                        width: 48%;
                        text-align: right;
                        font-size: 14px;
                        >i {
                            color: #a8a9ab;
                            padding-left: 8%;
                        }
                    }
                }
            }
        }
    }
}    
.bankshow{
    transform: translateX(0);
}


//设置银行卡
.bankcard{
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translateX(-300%);
    background: #f3f4f6;
    .shezhitext{
        position: absolute;
        top: 44px;
        width: 100%;
        >form{
           width:100%;
           
           background: #FFFFFF;
           border-bottom: 1px solid #E3E3E3; 
           >div{
               margin: 0 auto;
               width: 90%;
               line-height: 28px;
               padding: 2% 0;
               &:first-of-type{
                   margin-top: 5%;
                   border-bottom: 1px solid #E3E3E3;
               }
               &:nth-of-type(2){
                   border-bottom: 1px solid #E3E3E3;
               }
               .chulai{
                   width: 42%;
               }
                >span {
                    width: 25%;
                    font-size: 14px;
                    display: inline-block;
                    color: #333333;
                }
                >input{
                    width: 70%;
                    height: 28px;
                    border: none;
                    font-size: 14px;
                }
                >a{
                    font-size:14px;
                    text-decoration: none;
                    color: #113cc6;
                }
           }
        }
        
    }
}
.bankcardshow{
    transform: translateX(0);
}
